<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H5和之前版本的区别</title>
</head>
<body>
    <!-- H5:功能完善视频video、音频audio、定位、陀螺仪；体验度 -->

    <!-- 来源资源source、控制control -->
    <video controls src="https://f.video.weibocdn.com/BmT9azdulx07GfCQySAM010412002Hxs0E010.mp4?label=mp4_ld&template=636x360.25.0&trans_finger=40a32e8439c5409a63ccf853562a60ef&ori=0&ps=1CwnkDw1GXwCQx&Expires=1599552418&ssig=bZXpv1p33W&KID=unistore,video"></video>

    <video controls src="https://f.video.weibocdn.com/Jpmm1jBDlx07GcqfYJnW01041200yFxN0E010.mp4?label=mp4_ld&template=640x360.25.0&trans_finger=40a32e8439c5409a63ccf853562a60ef&ori=0&ps=1BVp4ysnknHVZu&Expires=1599552419&ssig=j46KQl6uGh&KID=unistore,video"></video>


    <!-- 音频案例audio -->
    <audio controls src="http://www.mvpdj.com/media/attachment/track/201807/20180705_10618300075b3d916cbf8bb.mp3"></audio>

    <audio controls src="http://aqqmusic.tc.qq.com/amobile.music.tc.qq.com/C400001zLvbN1NYMuv.m4a?guid=6235076241&vkey=756FAEE54D91383D11537D21F1BD114AB04741B7731AB8DE093AAC990F53D060864DD2645FE9A41FBAF49B8F2616322646BEAD85720C8CEE&uin=0&fromtag=38"></audio>
</body>
</html>